<template>
  <div>
    <el-row>
      <el-col :span="16">
        <el-form :inline="true" :model="search">
          <!-- <el-form-item :label="$t('eqpType')">
            <el-select
              v-model="search.eqpType"
              :placeholder="$t('searcheqptype')"
              clearable

              style="width: 200px"
              class="filter-item"
            >
              <el-option
                v-for="item in types"
                :key="item.id"
                :value="item.id"
                :label="item.name"
              />
            </el-select>
          </el-form-item> -->
          <!-- <el-form-item :label="$t('eqpModel')">
            <el-input v-model="search.eqpmodel" :placeholder="$t('searcheqpmodel')" clearable />
          </el-form-item> -->
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" @click="doSearch">{{ $t('search') }}</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import crudJob from '@/api/equipment/eqpModel'
export default {
  data() {
    return {
      types: [],
      search: {}
    }
  },
  created() {
    crudJob.getType()
      .then((res) => {
        this.types = res.data
      })
      .catch(() => {})
  },
  methods: {
    doSearch() {
      this.$emit('doSearch', this.search)
    }
  }
}
</script>
<style lang="scss" scoped>
@import "~@/assets/styles/defaultStyle.scss";
</style>
<style lang="scss" scoped>
.el-form-item {
  margin-bottom: 0;
}
</style>
